<template>
  <div class="con">
     <img src="../assets/images/redpacket/header.png" alt="">
     <img src="../assets/images/redpacket/redpacket.png" alt="" style="margin-top:-45%">
     <img src="../assets/images/redpacket/text.png" alt="" class="text">
     <div class="footer">
         <p>做单红包根据代理商设置而异</p>
     </div>


  </div>
</template>

<script>
export default {
    name: "redpacket",
    data() {
        return {};
    },
    methods: {},
    mounted() {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.con {
    width: 100%;
    min-height: 100vh;
    background: #E4584F;
}
img {
    width: 100%;
}
.text{
    width: 90%;
    margin-top: 46px;
    margin-left: 5%
}
.footer{
    margin-top: 46px;
    padding-bottom: 24px;
    text-align: center;
    color:#90120A;
    font-size: 12px;
}
</style>
